{% extends "finance/base.html" %}
{% load static %}

{% block content %}
    <style>
        /* Styling untuk quote */
        .quote {
            color: white;
            font-size: 1.7rem;
            font-style: italic;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            max-width: 50%;
            text-align: left;
            margin-left: 5%; /* Menggeser ke kanan */
        }

        .author {
            padding-top: 20px;
            font-size: 1.2rem;
            font-style: italic;
            opacity: 0.8;
            color: white;
            text-align: left;
            margin-left: 5%; /* Menggeser ke kanan */
        }

        /* Responsif untuk layar kecil */
        @media (max-width: 768px) {
            .quote {
                font-size: 1.5rem;
                max-width: 70%;
                margin-left: 8%; /* Geser lebih ke kanan di layar kecil */
            }

            .author {
                font-size: 1rem;
                margin-left: 8%;
            }
        }
    </style>
{% endblock %}